<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    //创建websocket的对象
    //当websocket连接握手时，首先会使用http发起一个升级请求，
    //当服务端响应确认升级后，后续的通信将使用websocket协议
    const ws = new WebSocket("ws://localhost:8080/connect");
    //onopen方法
    ws.onopen = function(){
        console.log("与服务器建立连接");
        //使用send方法发送消息
        ws.send("Hello server");
    }

    //onmessage方法
    ws.onmessage = function (event) {
        //获取event对象的data来的到服务端发送的消息
        console.log(event.data)
    }

    //onclose方法
    ws.onclose = function(){
        console.log("与服务器断开连接")
    }

</script>
</body>
</html>